<div class="row">
    <div class="three columns">
        <div class="row">
            <div class="twelve columns">
                <div class="profile wrapper">
                    <div class="row">
                        <div class="twelve columns">
                            <div class="profile image">
                                <a ui-if="!cUser.img" href="#" class="th"><img src=""></a>
                                <a ui-if="cUser.img" href="#" class="th" ng-bind-html="cUser.img"></a>
                                <!-- <img id="userImgMain" ui-if="!cUser.img" src="http://placehold.it/100x100&text=No+Image" alt="">
                                <img id="userImgMain" ui-if="cUser.img" ng-src="{{ cUser.img }}" alt=""> -->
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="twelve columns">
                            <div class="profile info">
                                <h4><small>{{ cUser.display }}</small></h4>
                                <h4><small style="color:red;">Administrator</small></h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="twelve columns">
                <div style="background: #fff;">
                    <ul class="vertical tabs">
                        <li ng-class="{active: snav.das}">
                            <a ng-href="/admin"><i class="icon-dashboard icon-large"></i> Dashboard</a>
                        </li>
                        <li ng-class="{active: snav.res}">
                            <a ng-href="/admin/resources/users"><i class="icon-cloud icon-large"></i> Resources</a>
                            <ul ui-if="snav.res">
                                <li ng-class="{active: snav.usr}"><a ng-href="/admin/resources/users"><i class="icon-group icon-large"></i> Users List</a></li>
                                <li ng-class="{active: snav.itm}"><a ng-href="/admin/resources/items"><i class="icon-shopping-cart icon-large"></i> Items List</a></li>
                            </ul>
                        </li>
                        <li ng-class="{active: snav.log}">
                            <a ng-href="/admin/logs"><i class="icon-file-alt icon-large"></i> Application Logs</a>
                        </li>
                        <li ng-class="{active: snav.sett}">
                            <a ng-href="/admin/settings"><i class="icon-cogs icon-large"></i> Application Settings</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="nine columns">
        <div class="row">
            <div class="twelve columns">
                <div class="content wrapper">
                    <div class="row">
                        <div class="twelve columns">
                            <div class="content header">
                                <ul class="breadcrumbs">
                                    <li ng-repeat="brd in opt.brd" ng-class="{current: $last}"><span>{{ brd }}</span></li>
                                    <!-- <li class="current"><span>{{ opt.brd[1] }}</span></li> -->
                                </ul>
                            </div>
                        </div>
                    </div>

                    <ng-include src="pcontent" onload="loaded()"></ng-include>
                </div>
            </div>
        </div>
    </div>
</div>